#ajax-loader{
    background-color:#545454;
    margin-top:15px;
    display:none;
    text-align:center;
    width:100%;
}

/*ESTILOS PRINCIPALES*/
#content-left h3, h3{
    color:#3875D7;
    font-size:14px;
    font-weight:bold;
    text-shadow:0 1px 1px #fff;
    margin:0 0 8px 0;
    padding:0;
}

#content-left h3 img, h3 img{
    float:left;
    margin: 0 6px 0 0;
}


/*REPRODUCTOR*/
#reproductor{
    text-align: center;
}

#aleatorio{
    height:19px;
    width:17px;
    float:right;
    cursor:pointer;
}

#aleatorio.activado{
    background: url('../img/random-si.jpg');
}

#aleatorio.desactivado{
    background: url('../img/random-no.jpg');
}

a.sub_accion{
    cursor:pointer;
    font-size:10px;
    color:#777;
    display:block;
    padding: 3px;
    width:120px;
}
#player{
    margin: 0 0 10px 0;
}

#player_list{
    display:block;
    width:100%;
    z-index:100;
    margin:0;
    margin-top:10px;
    padding:0;
    background:#fff;
    list-style:none;
    border:1px solid #ccc;
    min-height: 20px;
    max-height: 290px;
    overflow:auto;
    padding:2px;
}
#player_list li a{	
    display:block;
    padding:5px 10px 5px 18px;
    border-bottom:1px dotted #ddd;
    text-decoration:none;
    cursor:move;
}

#player_list li:hover{
    background: #bfdff4;
}

#player_list li a.last{
    border-bottom:none;
}

#player_list li.playing{
    background: url('../img/play-mini2.png') no-repeat 6px 8px;
    background-color: #3875D7;
    /*padding-left:18px;*/
}

#player_list li img{
    display:block;
    cursor: pointer;
    float:left;
    padding:6px 2px;
    width:11px;
}
#player_list li.playing img{
    display:none;
}

#player_list li a{
}



/*COMENTARIOS*/
#list_comments, #cancion-comentarios{
    margin:0;
    padding:0;
    list-style:none;
}


#list_comments li, #cancion-comentarios li{
    margin:0 0 10px 0;
    border-bottom:1px dotted #ccc;
}

#list_comments li strong, #cancion-comentarios li strong{
    display:block;
}

/*AÑADIR COMENTARIOS*/
.write_comment input[type="submit"], .bot_form{
    background: url('../img/bg_head_table.png') repeat-x top left;
    border:1px solid #ccc;
    color:#777;
    font-weight:normal;
    font-size:11px;
    padding: 3px 5px 3px 5px;
    float:right;
}

.write_comment textarea{
    width:97%;
    height:80px;
    margin:0 0 10px 0;
    border:1px solid #ccc;
    color:#777;
    font-weight:normal;
    font-size:11px;
    padding: 3px 6px 3px 6px;
}

.comentarios_no_leidos, .comentarios_leidos{
    background-repeat:no-repeat;
    cursor: pointer;
    padding-left:8px;
    padding-right:7px;
    margin-left:3px;
}


.comentarios_no_leidos{
    background:url('../img/comment_1.png');
}

.comentarios_leidos{
     background:url('../img/comment_1-no.png');
}

.del_favorita, .add_favorita:hover{
    background:url('../img/fav_1.png');
}

.add_favorita,.del_favorita:hover{
    background:url('../img/fav_1-no.png');
}

.del_favorita, .add_favorita{
    background-repeat:no-repeat;
    cursor: pointer;
    padding-left:8px;
    padding-right:7px;
    margin-left:3px;
}

.reproducir{
    background:url('../img/prev.png') no-repeat;
    cursor: pointer;
    padding-left:8px;
    padding-right:12px;
    
}

/*ICONOS DE ACCION - COLUMNA DERECHA*/
#acciones{
    position:absolute;
    top:0;
    right:-40px;
    list-style:none;
}

#acciones li{
    position:relative;
    margin-bottom: 5px;
}


#acciones a{
    display:block;
    height: 25px;
    width: 25px;
    text-decoration:none;
    cursor: pointer;
}

#acciones a img{
    border:none;
}

#acciones li a#subida{
    background: url("../img/upload2.png") no-repeat scroll transparent;
}

#acciones li a#busqueda{
    background: url("../img/search2.png") no-repeat scroll transparent;
}

#acciones li a#repro{
    background: url("../img/play2.png") no-repeat scroll transparent;
}

#acciones li a#listas{
    background: url("../img/list-repro2.png") no-repeat scroll transparent;
}

#acciones li a#eliminar{
    background: url("../img/del2.png") no-repeat scroll transparent;
}

#acciones li a#favoritas{
    background: url("../img/favoritas2.png") no-repeat scroll transparent;
}

#acciones ul{
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top:0;
    left: -110px;
    background:transparent;
    width: 120px;
    display: none;
}

#acciones ul li{   
    width: 100px;
    background:none repeat scroll 0 0 #F2F2F2;
    margin: 0;
    border-right: 1px solid #ccc;
    border-bottom: none;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

#acciones ul li.last{
    border-bottom: 1px solid #ccc;
}

#acciones ul li:hover{
    background:none repeat scroll 0 0 #6F6F6F;
}

#acciones ul li:hover a{
    color: #F2F2F2;
}
#acciones ul li a{
    width: 80px;
    color:#6F6F6F;
    font-weight:normal;
    padding:0 8px;
    text-decoration:none;
    font-family: "Lucida Grande",Arial,Helvetica,Verdana,sans-serif;
    font-size:10px;
    display:block;
    height: auto;
    padding: 2px;
}
#acciones li:hover ul{
    display: block;
}

#submenu-wrapper{
    width:99%;
    text-align: right;
}

#acciones_secundarias{
    text-align: right;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-right: 5px;
}

#acciones_secundarias a{
    font-size: 10px;
    color: #777;
    padding: 2px;
}
#acciones_secundarias a:hover{
    text-decoration: underline;
}


























/*LISTA DE CANCIONES*/
#tab_data{
	width:100%;
	border-collapse:collapse;
	border:1px solid #ccc;
}

#tab_data .col1{
	width:2%;
}

#tab_data .col2{
	width:50%;
	
}

#tab_data .col3{
	width:13%;
	
}

#tab_data .col4{
	width:20%;	
}

#tab_data .col5{
	width:15%;
}

#tab_data thead{
	background: url('../img/bg_head_table.png') repeat-x top left;
	height:25px;
}

#tab_data thead th{
	padding: 5px 10px 5px 10px;
	border-right:1px solid #ccc;
	border-left:1px solid #fff;
	color:#999;
}

#tab_data thead th.first{
	border-left:none;
}

#tab_data thead th.last{
	border-right:none;
}

#tab_data tbody td{
	padding: 5px 10px 5px 10px;
	border-right:1px solid #ccc;
	border-left:1px solid #ddd;
}

#tab_data tbody td.first{
	border-left:none;
}

#tab_data tbody td.last{
	border-right:none;
}

#tab_data tbody tr{
	height:30px;
	border-bottom:1px solid #ddd;
}	

#tab_data tbody tr.row1{
	background:#fff;
}	

#tab_data tbody tr.row2{
	background:#f5f5f5;
}	

/*TABLA-PAGINADOR*/
#tab_data #paginator{
	padding: 8px 10px 8px 10px;
	text-align:center;
	background:#fff;
}

#tab_data #paginator a{
	text-decoration:none;
	color:#777;
	background:#fff;
	padding: 2px 6px 2px 6px;
	border-top:1px solid #eee;
	border-left:1px solid #eee;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}

#tab_data #paginator a:hover{
	text-decoration:underline;
}

#tab_data #paginator a.current{
	background:#801c14;
	color:#fff;
	font-weight:bold;
}

#tab_data #paginator a.next{
	background:url('../img/next.png') no-repeat 5px 2px;
	border:none;
	padding: 2px 12px 2px 12px;
}

#tab_data #paginator a.prev{
	background:url('../img/prev.png') no-repeat 5px 2px;
	border:none;
	padding: 2px 12px 2px 12px;
}


#tab_data #paginator a.current{
	background:#801c14;
	color:#fff;
	font-weight:bold;
}

.button{
    background:url("../img/bg_top.png") repeat-x scroll left top transparent;
    border:1px solid #b35101;
    color:#FFFFFF;
    font-size:11px;
    font-weight:normal;
    padding:3px 5px;
}
.button:hover{

}
.txt{
    background: #f5f5f5;
}
.txtSearch, .txt{
    border:1px solid #bbb;
    font-size:12px;
    padding:2px 2px 2px 2px;
    color: #777;
    width:170px;
}

.txtSearch:focus, .txt:focus, #txt_general:focus{
    border: 1px solid #666;
}

#txt_general{
    border:2px solid #FFFFFF;
    background:url("../img/search.png") no-repeat scroll 4px center #FFFFFF;
    padding:2px 2px 2px 22px;
}
.txt_acceso{
    font-size:10px;
    color:#666;
    border-top:1px solid #c4c4c4;
    border-left:1px solid #c4c4c4;
    border-right:1px solid #e5e5e5;
    border-bottom:1px solid #e5e5e5;
    background-color:#fff;
    width:100px;
}
img.close, img.close_thb{
    float: right;
    display:block;
    cursor:pointer;
}

#separator-lista{
    cursor:pointer;
    width:100%;
    height:6px;
    background: #ccc;
    clear:both;
}

#separator-lista #flecha{
    border-width:5px 5px 0px 5px;
    border-color: #666 #ccc #ccc #ccc;
    border-style:solid;
    height:0;
    margin: 0 auto;
    width:0;
}

#separator-lista #flecha.up{
    border-width:0px 5px 5px 5px;
    border-color:#ccc #ccc #666 #ccc;
}

#separator-lista:hover{
    background: #666;
}

#separator-lista:hover #flecha{
     border-color: #ccc #666 #666 #666;
}

#separator-lista:hover #flecha.up{
    border-width:0px 5px 5px 5px;
    border-color:#666 #666 #ccc #666;
}

.img25{
    max-width:25px;
    max-height:25px;
}

#paginador{
    width:99%;
    margin-top:10px;
    background: none;
    font-family:Trebuchet MS;
}
#paginador_izquierda{
    float:left;
}
#paginador_derecha{
    max-width:335px;
    float:right;
}

#paginador a, #paginador label{
    background: #C53A37;
    padding: 6px;
    display:block;
    height: 15px;
    width: 15px;
    color: #fff;
    font-weight: bold;
    float:left;
    margin-right: 2px;
}
#paginador a{
    cursor:pointer;
}
#paginador a.limit, #paginador a.num_pagina, #paginador label{
    width: auto;
}
#paginador a.sel, #paginador a:hover{
    background: #fff;
    color: #C53A37;
}
/*custom upload elements*/
.customfile-input { position: absolute; height: 100px; cursor: pointer; background: transparent; border: 0; opacity: 0; -moz-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); z-index: 999;  }

.customfile { width: 303px; cursor: pointer; overflow: hidden; border: 1px solid #444; position: relative; }
.customfile-disabled { opacity: .5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); cursor: default;  }
.customfile-feedback { display: block; margin: 1px 1px 1px 5px; color: #999; font-style: italic; padding: .3em .6em; height: 10px; }
.customfile-feedback-populated { color: #999; font-style: normal; font-weight: bold; padding-left: 20px; background: url(../images/icon-generic.gif) left 4px no-repeat; }
.customfile-button {
    border: 1px solid #ccc;
    background: #333;
    color: #fff;
    font-weight:normal;
    float: right;
    width: 50px;
    padding:3px 5px;
    text-align: center;
    text-decoration: none;
    font-size:11px;
}
.customfile-hover .customfile-button, .customfile-focus .customfile-button  { }
.customfile-focus .customfile-button { outline: 1px dotted #ccc;  }

/*file type icons*/
.customfile-ext-jpg, .customfile-ext-gif, .customfile-ext-png, .customfile-ext-jpeg, .customfile-ext-bmp { background-image: url(../images/icon-image.gif);}
.customfile-ext-mp3, .customfile-ext-mp4, .customfile-ext-mov, .customfile-ext-swf, .customfile-ext-wav, .customfile-ext-m4v { background-image: url(../images/icon-media.gif);}
.customfile-ext-zip, .customfile-ext-tar, .customfile-ext-sit { background-image: url(../images/icon-zip.gif);}

#usuarios-conectados{
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
    font-size:11px;
    color:#777;
    border-top: 1px solid #777;
    border-left: 1px solid #777;
    border-right: 1px solid #777;
    background: #F5F5F5;
    position:fixed;
    right:10px;
    bottom:0;
    width:150px;
    z-index:1000;
}
#usuarios-conectados a.tit{
    padding: 3px;
    display:block;
    font-weight: bold;
    border-bottom: 1px solid #777;
    text-align: center;
    cursor:pointer;
    color:#444;
}
ul#usuarios_list{
    display:none;
    min-height: 20px;
    list-style:none;
    text-align: left;
}
ul#usuarios_list li{
    padding:1px;
}
